body{
    /* background: #eeeff1; */
}

.goods-list-module{
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    padding-top: 1.28rem;
    box-sizing: border-box;
    overflow: hidden;
    transition: left .4s;
    background: #eeeff1;
}

.goods-list-module-js{
    left: 0;
    overflow-y: scroll;
}

.goods-list-scroll{
    width: 100%;
}


.goods-list-header{
    position: absolute;
}

/* nav导航栏 middle--开始 */
.goods-list-header .header-nav{
    background: none;
    background-color: #f4f7fc;
}

.goods-list-header .header-nav .head-nav-img{
    width: 0.44rem;
    height: 0.44rem;
    background: url('../images/goods-details/nav_back_pressed.png') no-repeat;
    background-size: contain;
}

.goods-list-header .header-nav .head-nav-img::after{
   border: none;
}

.goods-list-header .search{
    width: 5.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.goods-list-header .search>a{
    position: relative;
}

.goods-list-header .search>a:after{
    content: '1';
    position: absolute;
    top: -0.1rem; right: -0.1rem;
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    background: #f53532;
    border-radius: 0.1rem;
    font-size: 0.2rem;
    height: 0.3rem;
    text-align: center;
    color: #fff;
    font-style:oblique;
}

.goods-list-header .search>a>span{
    font-size: 0.44rem;
    color: #f6ce9d;
}

.goods-list-header .search .search-input{
    position: relative;
    width: 86%;
    border: 0.01rem solid #f0f3f8;
    height: 0.56rem;
    line-height: 0.56rem;
    
}

.goods-list-header .search .search-input>a{
    position: absolute;
    left: 0.2rem;
}

.goods-list-header .search .search-input>a>span{
    font-size: 0.4rem;
}

.goods-list-header .search .search-input>input{
    display: block;
    padding-left: 0.6rem;
    box-sizing: border-box;
    font-size: 0.2rem;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    color: #d0d8dc;
    background: #f0f3f8;
}

/* nav导航栏 middle--结束 */


/* 商品列表--开始 */
.goods-list{
    border-top: 0.02rem solid #f1f1f1;
    width: 7.5rem;
}

.goods-list .goods-list-top{
    height: 1.8rem;
    background: #f9fdfe;
}

.goods-list-top .goods-list-classify{
    height: 1rem;
    line-height: 1rem;
    display: flex;
    justify-content: space-around;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
}

.goods-list-top .goods-list-classify a{
    position: relative;
    font-size: 0.3rem;
    color: #839495;
}

.goods-list-top .goods-list-classify a:after{
    content: '';
    position: absolute;
    left: calc(50% - 0.1rem);
    bottoM: 0;
    width: 0.2rem;
    height: 0.04rem;
    
}

.goods-list-top .goods-list-classify .classify-style-js{
    color: #2eaca6;
}

.goods-list-top .goods-list-classify .classify-style-js:after{
    background: #2eaca6;
}

.goods-list-top .goods-list-sort{
    padding-bottom: 0.2rem;
    height: 0.8rem;
    
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-sizing: border-box;
}

.goods-list-top .goods-list-sort a{
    padding: 0 0.8rem;
    font-size: 0.26rem;
    color: #9b9c9b;
    border-right: 0.02rem solid #ebebeb;
    box-sizing: border-box;
}

.goods-list-top .goods-list-sort a:last-child{
    border-right: none;
}

.goods-list-top .goods-list-sort a>span{
    display: inline-block;
    transform: rotate(90deg);
    font-size: 0.3rem;
}


.goods-list-goods{
    background: #eeeff1;
    
}

.goods-list-goods ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.3rem;
}

.goods-list-goods li{
    position: relative;
    margin-bottom: 0.3rem;
    /* flex-grow: 1; */
    width: 3.3rem;
    height: 3.3rem;
    overflow: hidden;
}

.goods-list-goods li a{
    display: flex;
    justify-content: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    pointer-events: none;
}

.goods-list-goods li a img{
    width: 200%;
    height: auto;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.goods-list-goods li a .goods-list-goods-text{
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
    text-align:  center;
    pointer-events: none;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center; */
}

.goods-list-goods li a .goods-list-goods-text h3{
    font-weight: 400;
    font-size: 0.3rem;
}

.goods-list-goods li a .goods-list-goods-text span{
    font-size: 0.26rem;
    color: #d1b084;
    padding-left: 0.3rem;
}

.goods-list-goods li a .goods-list-goods-text p{
    margin: 0.2rem 0;
    text-align: center;
}

.goods-list-goods li a .goods-list-goods-text span:first-child{
    margin-right: 0.2rem;
     background: url(../images/mall_point_coin_deep_golden.png) no-repeat;
     background-size: contain;
}

.goods-list-goods li a .goods-list-goods-text span:last-child{
    background: url(../images/blue_stones_blue.png) no-repeat;
    background-size: contain;
}
/* 商品列表--结束 */